@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
}

a {
  color: #000;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

header .w {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 30vw;
  background-color: #fff;
}

header .w .top {
  display: flex;
  justify-content: space-between;
  width: 94vw;
  height: 18.53333vw;
  margin-left: 3.06667vw;
}

header .w .top .back {
  width: 16.4vw;
  height: 7.6vw;
  border: 0.4vw solid #ff9344;
  font-size: 3.46667vw;
  text-align: center;
  line-height: 7.6vw;
  border-radius: 2.66667vw;
  margin-top: 6.4vw;
}

header .w .top h3 {
  font-size: 3.46667vw;
  margin-top: 8.53333vw;
}

header .w .top .sel {
  position: relative;
  margin-top: 6.26667vw;
}

header .w .top .sel > select {
  width: 21.33333vw;
  height: 8vw;
  border: 0.13333vw solid #ff9344;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  font-size: 3.46667vw;
  text-indent: 2.26667vw;
  background-color: #fff;
}

header .w .top .sel > i {
  position: absolute;
  top: 2.66667vw;
  right: 1.33333vw;
  width: 0;
  height: 0;
  border: 2.66667vw solid transparent;
  border-top: 2.66667vw solid #ff9344;
  pointer-events: none;
}

header .w .h_top {
  width: 100vw;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

header .w .h_top > .inp {
  position: relative;
  width: 36vw;
  height: 6.93333vw;
  border: 0.4vw solid #ff9344;
  border-radius: 3.46667vw;
}

header .w .h_top > .inp::after {
  content: "";
  position: absolute;
  right: 2.13333vw;
  top: 1.06667vw;
  width: 4.8vw;
  height: 4.53333vw;
  background: url("../img/搜索矩.png") no-repeat top/cover;
}

header .w .h_top > .inp > input {
  width: 24.4vw;
  height: 4.53333vw;
  font-size: 3.2vw;
  margin-top: 1.73333vw;
  margin-left: 3.6vw;
  border: none;
  outline: none;
}

main {
  margin-top: 30vw;
  width: 750vw 750;
}

main .top h3 {
  font-size: 3.46667vw;
  text-align: center;
}

main .top .box {
  width: 73.33333vw;
  height: 17.46667vw;
  margin: 0 auto;
  margin-top: 1.86667vw;
}

main .top .box span {
  display: inline-block;
  margin-bottom: 0.4vw;
  width: 16.66667vw;
  height: 8.53333vw;
  background-color: #dcdcdc;
  color: #898989;
  font-size: 2.66667vw;
  text-align: center;
  line-height: 8.53333vw;
}

main .hotsearch {
  margin: 0 auto;
  margin-top: 6.4vw;
  width: 94.8vw;
  height: 57.6vw;
}

main .hotsearch .up {
  margin-left: 2.13333vw;
  display: flex;
  justify-content: space-between;
}

main .hotsearch .up .lt {
  font-size: 4vw;
}

main .hotsearch .up .lt img {
  width: 4.26667vw;
  height: 6.26667vw;
  vertical-align: sub;
}

main .hotsearch .up .gt {
  font-size: 3.2vw;
  margin-top: 1.6vw;
}

main .hotsearch .up .gt img {
  width: 3.33333vw;
  height: 3.46667vw;
}

main .hotsearch .dn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 96.13333vw;
  height: 48vw;
  margin-top: 4.13333vw;
}

main .hotsearch .dn > img:first-of-type {
  width: 37.33333vw;
  height: 46.93333vw;
}

main .hotsearch .dn > img:nth-of-type(2) {
  width: 56vw;
  height: 19.6vw;
}

main .hotsearch .dn > div {
  margin-top: 0.8vw;
}

main .hotsearch .dn > div > img:nth-of-type(1) {
  width: 26vw;
  height: 26.26667vw;
}

main .hotsearch .dn > div > img:nth-of-type(2) {
  width: 28.13333vw;
  height: 26.26667vw;
}

main .starsearch {
  margin-top: 6.4vw;
  margin: 0 auto;
  width: 94.8vw;
}

main .starsearch .up {
  margin-left: 2.13333vw;
  display: flex;
  justify-content: space-between;
}

main .starsearch .up .lt {
  font-size: 4vw;
}

main .starsearch .up .lt img {
  width: 4.26667vw;
  height: 6.26667vw;
  vertical-align: sub;
}

main .starsearch .up .gt {
  font-size: 3.2vw;
  margin-top: 1.6vw;
}

main .starsearch .up .gt img {
  width: 3.33333vw;
  height: 3.46667vw;
}

main .starsearch .dn {
  margin-top: 6.4vw;
}

main .starsearch .dn img {
  width: 29.46667vw;
  height: 26.66667vw;
}

nav {
  display: flex;
  position: sticky;
  bottom: 0;
  justify-content: space-around;
  align-items: center;
  width: 100vw;
  height: 16vw;
  background-color: #fff;
  text-align: center;
}

nav img {
  width: 9.73333vw;
}

nav h5 {
  font-size: 3.46667vw;
  font-weight: 400;
}
